<template>
	<view class="joincircle">
		<view class="mengban"></view>
		
		<view class="nav_bar">
			<uni-nav-bar color="#333" left-icon="left" title="说明" :border='false' :fixed="true"
				background-color="transparent" @clickLeft="$util.back()"></uni-nav-bar>
		</view>
		
		<view class="nav_box"></view>
		
		<view class="content">
			<view class="list flex_center" v-for="(item,index) in list" :key="index">
				<view class="index flex_r_around">
					<text>{{ index+1 }}</text>
				</view>
				<view class="text">
					{{ item }}
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					'平台抽成 30%',
					'金额放在收益当中，自行提现',
					'结算方式：一周一结，每周五结算上一周的金额',
					'如圈内涉及违法等相关内容，根据严重程度做出相应的处罚:退还投诉用户的入圈费及相对应的罚款。',
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	.joincircle {
		width: 100vw;
		min-height: 100vh;
		padding: 10rpx 32rpx 40rpx;
	}
	
	.mengban {
		width: 100vw;
		height: 30vh;
		background: linear-gradient( 270deg, #BFEAFF 0%, #FEFBFF 54%, #F1D8FA 100%);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		// opacity: 0.6;
		filter: blur(60rpx);
		
	}
	
	.nav_bar {
		background: linear-gradient( 270deg, #BFEAFF 0%, #FEFBFF 54%, #F1D8FA 100%);
	}
	
	.content {
		position: relative;
		z-index: 2;
		background: #FFFFFF;
		border-radius: 24rpx;
		min-height: calc(100vh - 50rpx - 44px - var(--paging-head-top));
		padding: 64rpx 48rpx;
		
		.list {
			overflow: hidden;
			margin-bottom: 20rpx;
			align-items: flex-start;
			.index {
				width: 48rpx;
				height: 48rpx;
				border-radius: 24rpx;
				background: linear-gradient( 270deg, #BFEAFF 0%, #F7E2FF 54%, #F1D8FA 100%);
				margin-right: 24rpx;
				text {
					font-size: 32rpx;
					color: #2F0094;
				}
			}
			.text {
				font-size: 28rpx;
				color: #000000;
				flex: 1;
			}
		}
		
		
	}
	
</style>
